<!DOCTYPE HTML>
<title>Iframe for test for Mozilla bug 1307853</title>
<meta charset="UTF-8">
<style>

html, body { overflow: hidden; margin: 0; padding: 0; border: none; }

.wrapper {
  box-sizing: border-box;
  width: 100px;
  padding-right: 20%;
}

#inner {
  height: 1em;
  background: aqua;
}

</style>

<div class="wrapper">
  <div id="inner"></div>
</div>
